
/* 使用CSS  Modules修改NavHeader组件样式
/* css module语法规范，见项目文档总结 */ 

/*  1、修改navBar，为此组件的局域样式*/
.navBar{

    color: #333;/* 这样写，表示，其下的所有标签的color都为 #333，包括左侧的icon图标，中间title文字的颜色 */ 
    background-color: #f6f5f6;

}

/* 
   2、声明全局类名：引入的组件库的类名，配合--> :global()进行声明 
     :global()使用注意点：
     1）:global()里面，不能用随机生成的样式 ，只能用我们-引入的组件本身自带的类名
     2) 自己取的类名，则不需要配合 :global()进行使用，他会安装css-Modules规则生成一个唯一的类名 
        如果使用的是-->引入的组件库的类名，此时需要配合--> :global()进行使用，
        
  注意：CSS Modules本来是要求，类名单独写一个即可，但是涉及到全局样式的修改时，可能就会涉及到样式类名的堆叠写法，如下-单独修改title文字的颜色 */

/* 单独修改title文字的颜色 */
 .navBar :global(.am-navbar-title) {

    color: #282828;


  }